{extend name="public:layout" /}
{block name="title"}车辆列表{/block}
{block name="head"}
<style>
    body{font-family: Arial,"Microsoft Yahei";}
</style>
{/block}
{block name="body"}
<div class="m-head-box">
    <a href="javascript:;" onclick="back()" class="left-link left-nav">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h2 class="title">车辆列表</h2>
</div>
<article style="bottom: 0;" class="mescroll" id="mescroll">
    <div id="content-slide">

    </div>
</article>
<!--返回首页-->
<div class="back_index">
	<a href="/system">
		<img class="back_img" src="/public/mobile/static/images/back1.png" />
	</a>
</div>
{/block}
{block name="script"}
<script id="car-tpl" type="text/html">
    <!--模板-->
    {{ each rows}}
    <div class="car-list-item">
        <div class="car-info">
            <span class="car-sn car-sn{{ $value.btype_aid }}">{{ $value.car_sn }}</span>
            {{ if $value.btype_aid!='1'}}<span class="item-box">车辆归属:{{ $value.btype_name }}</span>{{/if}}
            <span class="item-box">座位数:{{ $value.car_seat }}</span>
            <span class="item-box">颜色:{{ $value.car_color }}</span>
            <span class="item-box">油耗:{{ $value.car_fue }}</span>
            <span class="item-box">里程:{{ $value.car_mileage }}</span>
            <span class="car-status car-status{{ $value.car_status }}">{{ $value.car_status_text }}</span>
        </div>
        <div class="order-info">
            <span class="tit">上次收车日期：</span>{{ if $value.last_order_time!=null }} {{ $value.last_order_time}} {{ else }} 暂无信息 {{ /if }}<br>
            <span class="tit">下次出车日期：</span>{{ if $value.soon_order_time!=null }} {{ $value.soon_order_time}} {{ else }} 暂无订单信息 {{ /if }}
        </div>
    </div>
    {{ /each }}
</script>
<script>
    $(function () {
        initPage('content-slide','/system/logic.query/carList.html?mid=5',{car_status:-1,sortName:'btype_aid',sortOrder:'asc'},'car-tpl');
    });
</script>

{/block}